interface ButtonProps {
  onClick?: () => void;
  children?: React.ReactNode;
}
function Button({ onClick, children }: ButtonProps) {
  return <button onClick={onClick}>{children}</button>;
}

function Toobar() {
  const onPlayMovie = () => alert("Playing!");

  const onUploadImage = () => alert("Uploading!");

  return (
    <div>
      <Button onClick={onPlayMovie}>Play Movie</Button>
      <Button onClick={onUploadImage}>Upload Image</Button>
    </div>
  );
}

export default Toobar;
